<template>
    <div> 
       <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="选项卡1" name="first">1</el-tab-pane>
    <el-tab-pane label="选项卡2" name="second">2</el-tab-pane>
    <el-tab-pane label="选项卡3" name="third">3</el-tab-pane>
    <el-tab-pane label="选项卡4" name="fourth">4</el-tab-pane>
  </el-tabs>
    </div>
</template>

<script>
    export default {
          data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
    }
</script>

<style lang="less" scoped>

  
</style>